<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="keywords" content="微雨" />
	<meta name="description" content="微雨-基于声音的社交应用" />
	<title>微雨-基于声音的社交应用</title>
	<script src="jquery-1.6.js"></script>
	<script src="onscroll.js"></script>
	<link rel="stylesheet" type="text/css" href="css/weiyu.css" />
</head>
<body >
	<div class="wrap ">
		<div class="header">
			<a class="logo" href="#">微雨</a>
			<span class="title">基于声音的社交应用</span>
		</div>
		<div class="banner bg1">
			<div class="app_box">
				<!-- 登陆 -->
				<div class="login_box">
					<a class="ioginsn"></a>
					<a class="ioginqq"></a>
					<a class="ioginsn_ed"></a>
					<a class="ioginqq_ed"></a>
				</div>
				<!-- 歌词 -->
				<div class="lcr_box">
					<!-- 歌名&喜欢 -->
					<div class="title">
						<!-- <div class="fn_right misuc_box1">
							呻吟之曲
							<span class="misuc_boxover"></span>
						</div> -->
						<div class="fn_right shenqu"></div>
						<div class="fn_right shenqu_ed">333</div>
						<div class="fn_right loveit " title="I love it"><!--数字需要作限制，例如555+防止溢出-->
							55
						</div>
						<div class="fn_right loveit_ed" title="I love it">
							555+
						</div>
					</div>
					<!-- 歌词 -->
					<div class="lcrs">
						<div class='lcrs_str'>
						<p>有一颗软糖，</p>
						<p>有一天，</p>
						<p>它走着走着，</p>
						<p class="current">它就死了，</p>
						<p>有一颗软糖，</p>
						<p>有一天，</p>
						<p>它走着走着，</p>
						<p>它就死了，</p>
						</div>
					</div>	
				</div>
				<!-- 某人的呻吟 -->
				<div class="playsomeone">
					<!-- 播放盒子1 -->
					<div class="fn_right misuc_box2">
						<!-- <a class="fn_right play"></a> -->
						<a class="fn_right playing"></a>
						6 ″
						<span class="misuc_boxover"></span>
					</div>
					<!-- 进度条 -->
					<div class="speed_box">
						<div class="speeds" style="width:20%"></div>
					</div>
					<p>
						<span class="fn_right">11次播放</span>
						<span>2012-11-25</span>
					</p>

					<div class="user">
						<a class="fn_right seed_m" target="_blank">下载客户端吧</a>
						<span class="age_g age_b">24</span>
						屎忽开花
					</div>
					<!-- 录制呻吟的盒子 -->
					<div class="seed_box">
						<a class=" " target="_blank">下载客户端吧</a>
						<input type="text" placeholder="说点什么..." />
						<a class=" " target="_blank">下载客户端吧</a>
					</div>
				</div>
				<p class="title_b">
					想回应？<a href="" target="_blank">下载客户端吧</a>
				</p>
				<ul class="others">
					<li>
						<span class="time">1分钟前</span>
						<span>西门吃屎：设计的總是理想状态来段tmd超级长来试试！设计的總是理想状态来段tmd超级长来试试！设计的總是理想状态来段tmd超级长来试试！设计的總是理想状态来段tmd超级长来试试！</span>
						
						
						<div class=" misuc_box3 inline">
							<!-- <a class="fn_right play"></a> -->
							<a class="fn_right playing"></a>
							6 ″
							<span class="misuc_boxover"></span>
						</div>
					</li>
					<li>
						<span class="time">1分钟前</span>
						<span>西门吃屎：吃的还行啊！</span>
						<div class=" misuc_box3">
							<a class="fn_right play"></a>
							<!-- <a class="fn_right playing"></a> -->
							6 ″
							<span class="misuc_boxover"></span>
						</div>
					</li>
					<li>
						<span class="time">1分钟前</span>
						<span>西门吃屎：吃的还行啊！</span>
					</li>
					<li>
						<span class="time">1分钟前</span>
						<span>西门吃屎：吃的还行啊！</span>
					</li>
					<li>
						<span class="time">1分钟前</span>
						<span>西门吃屎：吃的还行啊！</span>
					</li>
					<li>
						<span class="time">1分钟前</span>
						<span>西门吃屎：吃的还行啊！</span>
					</li>
					<li>
						<span class="time">1分钟前</span>
						<span>西门吃屎：吃的还行啊！</span>
					</li>
					<li>
						<span class="time">1分钟前</span>
						西门吃屎：吃的还行啊！
					</li>

				</ul>
					<a class="more_others">加载更多评论</a>
			</div>
		</div>

		<div class="footer shadow1">
			<p>
				<a href="javascript:;">关于微雨</a>
				<a href="javascript:;">关于多益</a>
				<a href="javascript:;">服务条款</a>
				<a href="javascript:;">意见反馈</a>
			</p>
			<p class="copyright">广州多益网络科技有限公司<br/>
				<a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" rel="noflow">ICP粤B2-20060723-4</a>
			</p>

		</div>
	</div>
</body>
<script type='text/javascript'>
$(".lcrs").ready(function  (){//显示窗口层class
	$(".lcrs_str").oScroll({ //文本内容层class
	// s_width: "15px",
	// b_radius: "10px" //滚动条边弧度,默认10px
	});
	})
</script>
</html>